.bg-card {
  @apply before: (content-[''] absolute w-[210px] h-[210px] top-[-125px] right-[-15px] rounded-[50%] opacity-[.5]);
}

.dark .bg-card::before {
  background: linear-gradient(
    140.9deg,
    rgb(101, 31, 255) -14.02%,
    rgba(144, 202, 249, 0) 85.5%
  );
}

.bg-card {
  @apply after: (content-[''] absolute w-[210px] h-[210px] top-[-85px] right-[-95px] rounded-[50%] dark:opacity-[.5]);
}

.dark .bg-card::after {
  background: linear-gradient(
    140.9deg,
    rgb(101, 31, 255) -14.02%,
    rgba(144, 202, 249, 0) 85.5%
  );
}

.dark .bg-card.theme1::before {
  background: linear-gradient(
    140.9deg,
    rgb(30, 136, 229) -14.02%,
    rgba(144, 202, 249, 0) 82.5%
  );
}

.dark .bg-card.theme1::after {
  background: linear-gradient(
    140.9deg,
    rgb(30, 136, 229) -14.02%,
    rgba(144, 202, 249, 0) 82.5%
  );
}

.dark .bg-card.theme2::before {
  background: linear-gradient(
    140.9deg,
    rgb(255, 193, 7) -14.02%,
    rgba(144, 202, 249, 0) 70.5%
  );
}

.dark .bg-card.theme2::after {
  background: linear-gradient(
    140.9deg,
    rgb(255, 193, 7) -14.02%,
    rgba(144, 202, 249, 0) 70.5%
  );
}

.bg-card::before {
  background: rgb(69, 39, 160);
}

.bg-card::after {
  background: rgb(69, 39, 160);
}

.bg-card.theme1::before {
  background: rgb(21, 101, 192);
}

.bg-card.theme1::after {
  background: rgb(21, 101, 192);
}

.dark .bg-card.theme2::before {
  background: linear-gradient(
    140.9deg,
    rgb(255, 193, 7) -14.02%,
    rgba(144, 202, 249, 0) 70.5%
  );
}

.dark .bg-card.theme2::after {
  background: linear-gradient(
    140.9deg,
    rgb(255, 193, 7) -14.02%,
    rgba(144, 202, 249, 0) 70.5%
  );
}
